.cost{
    position: relative;
    .search-box{
        width: 50%;
        position: absolute;
        display: flex;
        right: 80px;
        z-index: 20;
        .btn-box{
            margin-left: 30px;
        }
    }
    .page-border{ margin-top: 30px;}

    
    .sort{
        display: flex;
        font-size: 16px;
        >div+div{
            margin-left: 60px;
        }
    }

    .firstLine{
        display: flex;
        margin-top: 24px;
        >div{
            &:first-of-type{
                width: 260px;
                margin-right: 16px;
                margin-bottom: 0;

                
            }
            &:last-of-type{
                
            }
        };

        .page-border{
            margin: 0;
        }
    }


    .second{
        >div{
            &:first-of-type{
                border-right: 0;
                width: 260px;
                margin-right: 16px;
                margin-bottom: 0;
                overflow: hidden;
                position: fixed;
                
                .layui-menu{
                    margin: 0;
                    border: 1px solid #EDF2F7;
                    
                    width: 260px;
                    border-radius: 16px;
                }
            }
        }

        .page-border{
            margin: 0;
        }

        .right{
            flex: 1;
            flex-direction: column;
            margin-left: 276px;
            >div{
                &:nth-child(1){
                    margin-bottom: 28px;
                    .layoutLR{
                        align-items: center;
                    }
                    .text{
                        display: flex;
                        height: 100%;
                        align-items: center;
                        font-size: 16px;
                        span+span{
                            margin-left: 40px;
                        }
                    }
                }
                &:nth-child(2){
                    display: flex;
                    >div:nth-child(1){
                        flex: 1;
                        padding: 16px;
                        .title{
                            height: 35px;
                            line-height: 35px;
                            margin-bottom: 16px;
                            display: flex;
                            justify-content: space-between;
                            width: 100%;
                            span{
                                &:nth-child(1){
                                    &::before{
                                        content: '';
                                        background: #2A2E41;
                                        border-radius: 40px;
                                        width: 8px;
                                        height: 100%;
                                        margin-right: 8px;
                                        display: inline-block;
                                        vertical-align: middle;
                                    }
                                }
                            }
                            
                        }
                    }
                    >div:nth-child(2){
                        width: 390px;
                        margin-left: 16px;
                        flex: none;
                    }
                }
            }

            

            
            

            .layui-form-label{
                width: 140px;
            }
            .layui-input-block{
                margin-left: 160px;
            }
        }
    }

    .note-title{
        height: 40px;
        line-height: 40px;
        color: #01A2E4;
border-bottom: 1px solid #ECF1F6;
    }

    

    .statistics{text-align: center;line-height: 65px;
        display: flex;
    }

    .btn-center{
        text-align: center;
        display: flex;
        justify-content: center;
        margin: 40px;
        width: 100% !important;
    }

    
}

.cost.module{
    .layui-form-label{
        width: 120px;
    }
    .layui-input-block{
        margin-left: 140px;
    }
    
    .layoutLR{
        >div{
            &:nth-child(1){
                width: 550px;
                border-right: 1px solid #EDF2F7;
                margin-right: 40px;
                padding-right: 40px;
            }
    
        }
    }

    

    .right-table{
        flex: 1;
        width: calc(100vh - 300px);
        overflow: auto;
    }

    
}


.engineering{
    .tab-title {
        margin: 24px;
        font-size: 16px;
        color: #66707A;
        margin-bottom: 15px;
    }
}



.layui-form546{
    display: flex;
    margin: 30px 0 0 30px;
    >div{
        width: 546px;
    }
}

.layui-btn-center{
    text-align: center;
}


.batch-left,.batch-right{
    padding: 16px;
    width: 50%;

    .title{
        height: 35px;
        line-height: 35px;
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        span{
            &:nth-child(1){
                &::before{
                    content: '';
                    background: #2A2E41;
                    border-radius: 40px;
                    width: 8px;
                    height: 100%;
                    margin-right: 8px;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
        
    }
}



.inventory{
    width: 1520px;
    .bigtitle{
        font-size: 24px;
        font-weight: 600;
    }
    .title{font-size: 14px;padding: 24px 0 16px;}
    .block{
        background: #FCFCFC;
        border-radius: 15px;
        border: 2px solid #ECF1F6;
        padding: 20px;
    }
    .gailan{
        display: flex;
        
        .left{
            width: 644px;
            margin-right: 64px;
        }
        .tag{
            margin-bottom: 15px;
            margin-right: 15px;
        }
        .text{
            line-height: 22px;
        }
    }

    .note-list{
        height: auto;
        ul{
            display: flex;
            flex-wrap: wrap;
            li{
                width: 50%;
                .title{
                    padding: 0;
                }
            }
        }
    }


    .add-note{
        padding: 0 200px;
        margin-top: 42px;
        border-top: 1px solid #ECF1F6;

        .inp{
            display: flex;
            .layui-btn{
                margin-left: 16px;
            }
        }
    }
}


.use-table{
    margin-bottom: 16px;
    background-color: #FAFAFA;
    .layui-row{
        border-bottom: 1px solid #ECF1F6;
        
        display: flex;
        justify-content: center;
        align-items: center;
        >div{
            min-height: 72px;
            border-right: 1px solid #ECF1F6;
            display: flex;
            align-items: center;
            font-size: 14px;
            .t{
                font-size: 16px;
                font-weight: bold;
                padding-left: 25px;
            }
            &:last-of-type{
                justify-content: center;

                border: none;
            }
        }

        &:last-of-type{
            border: none;
        }
        
    }
}


.sup-title{
    height: 35px;
    line-height: 35px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    span{
        &:nth-child(1){
            &::before{
                content: '';
                background: #2A2E41;
                border-radius: 40px;
                width: 8px;
                height: 100%;
                margin-right: 8px;
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
    
}



.dwgcsz{
    display: flex;
    div:nth-child(2){
        margin-top: 38px;
        flex: 1;

        .avavatar{
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #355FE5;
            border-radius: 15px;
            color: #fff;
            font-size: 12px;
            margin-right: 8px;
            display: inline-block;
        }
    }
}